<template>
  <view class="empty">
    <text class="iconfont" :class="icon"></text>
    <text>{{ text }}</text>
  </view>
</template>

<script setup lang="ts">
defineProps({
  text: {
    type: String,
    default: "暂无数据"
  },

  icon: {
    type: String,
    default: "icon-comiiszanwushuju"
  }
});
</script>

<style scoped lang="scss">
.iconfont {
  font-size: 180rpx;
}
.empty {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: $uni-title-graycolor;
}
</style>
